<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ATM WEB</title>
  </head>
   <style type=text/css>
    	body{
    	background:#030710;
    	background-image:url(images/body_bg.jpg);
    	background-repeat:no-repeat;
		font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#3399ff;
		line-height:160%;
		margin:0;
		padding:0;
		text-align:center;
    	}
    	.main{
    		margin:0 auto;
    		width:600px;
    		height:auto;
    		padding:120px 40px;
    	}
    	h2{
    	font-size:160%;
    	margin-bottom:38px;}
    	.input1{
    	height:26px;
		line-height:26px;;
    	margin-bottom:20px;
    	background:#8496d6;
    	border:none;
    	border-radius: 4px 4px 4px 4px;
    	width:160px;
    	}
    	#myform{
    	font-size:16px;
    	margin:0 auto;
    	width:228px;
    	text-align:left;}
    	
    	#btn{
    	padding:0px;
    	width:80px;
		height:30px;
		line-height:30px;		
		border:none;
		color:#fff;
		cursor:pointer;
		text-align:center;
		background:#3399ff;
    	background-repeat:no-repeat;
    	border-radius: 4px 4px 4px 4px;
    	float:right;
    	}
    	h4{
    	clear: both;
    	padding-top:20px;}
    	#notice1{
    	 display:none;
    	 border:none;
    	 border-radius: 6px 6px 6px 6px;
    	 
    	 background-color: #141414;
    	 margin-bottom:20px;
    	 }
    	 
    	#notice1 div {
		    display: block;
		    font-style: normal;
		    line-height: 1.5em;
		    padding: 10px 10px 10px 36px;
		    font-size:14px;
		    background: url("images/error.png");
    		background-repeat:no-repeat;
    		text-align:center;
    		background-position: 10px 11px;
    		color:#983999;
}
	#notice2{
    	 display:none;
    	 border:none;
    	 border-radius: 6px 6px 6px 6px;
    	 
    	 background-color: #141414;
    	 margin-bottom:20px;
    	 }
    	 
    	#notice2 div {
		    display: block;
		    font-style: normal;
		    line-height: 1.5em;
		    padding: 10px 10px 10px 36px;
		    font-size:14px;
		    background: url("images/error.png");
    		background-repeat:no-repeat;
    		text-align:center;
    		background-position: 10px 11px;
    		color:#983999;
}
    </style>
    <script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jrumble.1.1.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){
    		
    		$('#btn').click(function(){
    			var name = $("#username").val();
    			var pwd = $("#pwd").val();
    			var flag=true;
    			if(name.length==0||pwd.length==0){
    				$("#notice2").css("display","block");
    				flag=false;
    			}
    			if(flag){
	    			$('#myform').submit();
	    		}
    		});
    	});
    	$(document).ready(function(){
    		
    		$('#reg').jrumble();
    	});
    	<%
    		String code = request.getParameter("code");
    		if("03".equals(code)){
    	%>
    	$(document).ready(function(){
    		$("#notice1").css("display","block");
    	});
    	<%}%>

    </script>
  <body>
  	<div class="main">
	    <h2>ATM WEB 用户登录</h2>
	    
	    <form action="l_login.jsp" method="post" name="myform" id="myform">
	    	<div id="notice1">
	    		<div>请填写正确的用户名或密码!</div>
	    	</div>
	    	<div id="notice2">
	    		<div>用户名或密码不能为空!</div>
	    	</div>
	    	用户名&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="username" class="input1" id="username"><br/>
	    	密&nbsp;&nbsp;码　&nbsp;&nbsp;<input type="password" name="password" class="input1" id="pwd"><br/>
	    	<input type="button" value="登录" id="btn" > 
	    </form>
	     <h4>还没有安全稳定的ATM Web版账户？赶紧--><a href="reg.jsp" id="reg" style="font-size: 18px; color:#983999;">注册</a></h4>
    </div>
  </body>
</html>
